<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta name = "format-detection" content = "telephone=no"/>
		<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width;" />
		<title>Rocca Store</title>
        <script src="js/jquery-1.8.1.min.js" type="text/javascript"></script>
		<script type="text/javascript" src="cordova-2.0.0.js"></script>
		<script src="js/index.js" type="text/javascript"></script>
		<link href="css/reset.css" rel="stylesheet" type="text/css" />
		<link href="css/mobile.css" rel="stylesheet" type="text/css" />

		<script type="text/javascript">
		jQuery.fn.center = function () {
		    this.css("position","absolute");
		    this.css("top", Math.max(0, (($(window).height() - this.outerHeight()) / 2) + 
		                                                $(window).scrollTop()) + "px");
		    this.css("left", Math.max(0, (($(window).width() - this.outerWidth()) / 2) + 
		                                                $(window).scrollLeft()) + "px");
		    return this;
		}    
		$().ready(function(){
			$('.uploading').center();

			$(window).resize(function(){ //re-center modal on window resize :)
				$('.uploading').center();
			});


		});
		</script>
	</head>
<body>

<header>
	
<nav class="left">
<a href="index.html" class="active">Upload</a>
</nav>

<nav class="right">
<a href="gallery.html">Gallery</a>
</nav>


<a href="" class="logo"><img src="img/logo.png" alt="Rocca Store logo" /></a>



</div>
	
</header>

<div id="content">

	<h1>Upload &amp; Send Files</h1>

	<div class="upload-options">
	<button class="btn-upload">Select File</button>
	</div> <!-- /upload-options -->
	<div class="uploading-box">
		<div class="uploading">
			<h1>Uploading........</h1>
			<div class="progress-bar"><div></div></div>

		</div> <!-- /uploading -->
	</div> <!-- /uploading-box -->


</div> <!-- /content -->

<div id="footer">
&copy; 2012 Rocca Store
</div> <!-- /footer -->

<script type="text/javascript">
    app.initialize();
</script>
</body>
</html>